body{font-size:14px; min-width:1200px; overflow-x:hidden;}
*{ margin:0; padding:0;}
img{ border:none;}
ul,li{ list-style:none;}
.clear{ clear:both}
.l{ float:left;}
.r{ float:right;}
a{ text-decoration:none}

.relative{position: relative;}
.absolute{position:absolute;}
.flex{
display: flex;
justify-content: space-between;
overflow: hidden;
flex-flow: row nowrap;
}
*{margin:0;padding: 0;}
html body{width: 100%;font-size: 14px;}


  .scroll_line:after {
    content: '';
    width: 1px;
    height: 100%;
    background: #f6e4ae;
    float: right;
    margin-right: 50px !important;
    animation: myfirst 3s steps(1000) infinite;
    display: block;
}
.scroll_line {
   position: absolute;
   left: 0;
    width: 100px;
    height: 66px;
     top:90%;
    z-index: 188;
    display: block;
    overflow: hidden;
}

.scroll_line {
    position: relative;
    width: 190px;
    height: 66px;
    display: block;
    overflow: hidden;
    margin: 0 auto;
    }

@keyframes myfirst
{
0% { -webkit-transform: translateY(-200%);
    transform: translateY(-200%);
    }

100% {
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
    }
}


















.s_width{ width:1300px; margin:0 auto; position:relative; }
.liuyan{ padding:0 0 30px 0}

.header{overflow:hidden ; position:relative;width:100%;background:url(../images/images/bg2.jpg) no-repeat center;}
.navbg{ width:100%;	height:80px; background:rgba(0,0,0,0.3); z-index:100;position: fixed;top:0;}
.logo_nav{ width:100%;height:80px;}
.logo_nav .logo{ position:absolute; left:15px; top:7px}
.nav{ height:80px; width:50%; position:absolute; left:50%; margin-left:-25%; top:0 }
.nav ul{ height:80px;}
.nav li{line-height:80px; width:calc(100%/6); float: left;}
.nav li a{ line-height:80px;font-size:17px; color:#fff; text-align:center; display: block; text-decoration:none; transition:all 0.3s ease 0s; -webkit-transition:all 0.3s ease 0s;}
.nav li a:hover{ font-weight:bold; }


.logo_nav .langage{ position:absolute; right:94px; width:166px; height:75px; line-height:75px;  top:0;  font-size:16px; color:#fff; z-index:102;}
.logo_nav .langage_pic{ background:url(../img/qiu.png) no-repeat left center; width:100%; padding:0 0 0 40px;  box-sizing:border-box;}
.logo_nav .langage_pic span{ display:block; width:100%;}
.logo_nav .langage p {position: absolute;right: 22px;top: 50%;margin-top: -4px;content: "";display:block;vertical-align: top; width: 16px;height: 8px;background:url(../img/ico2.png) ;  transition: 0.3s ease 0s; -webkit-filter: grayscale(0.5);}
.logo_nav .langage:hover p{ -webkit-animation: bounce-up 1s ease infinite;animation: bounce-up 1s ease infinite; }
@-webkit-keyframes bounce-up { 25% {
-webkit-transform: translateY(-8px);
}
 50%, 100% {
-webkit-transform: translateY(0);
}
 75% {
-webkit-transform: translateY(-3px);
}
}
 @keyframes bounce-up { 25% {
transform: translateY(-8px);
}
50%, 100% {
transform: translateY(0);
}
75% {
transform: translateY(-3px);
}
}

.logo_nav .langage_pic div{ display:none;width:156px;text-align:center;color:#4f4f4f;position:absolute;top:81px; left:0; background:#fff; height:0; }
.logo_nav .langage_pic div a {display:block; width:150px; margin:0 auto;color: #333; font-size: 14px;font-weight:normal;border-bottom:1px solid rgba(0,0,0,0.1); margin-top:0; height: 150px;}
.logo_nav .langage_pic div a:hover {color:#286cc9;  }

.logo_nav .nav_video{ background:#c5182d; height:80px; width:94px;  position:absolute; right:0; bottom:0; z-index:102;}

/*弹出*/
.navbarpage {
  position: absolute;
  right: -350px;
  top: 0;
  width: 350px;
  box-sizing: border-box;
  transition: all 1s ease;
  background-color: rgba(0, 0, 0, 0.8); z-index:99}
.navbar {
  position: absolute;
  top: 50%;
  width: 76px; left:50%; margin-left:-38px; margin-top:-13px;
  height: 26px;
  cursor: pointer;
  box-sizing: border-box;
  z-index: 9;
}

.navbar div { position:absolute;
  width: 27px;
  height: 2px;
  transition: all 0.5s ease; font-size:15px; color:#fff
}

.navbar .nav1{
  background:#fff; left:5px; top:0;
}
.navbar .nav2 {
  background:#fff; left:0px; top:12px;
}
.navbar .nav3 {
  background:#fff; left:5px; bottom:0;
}
.navbar .nav4 {
 right:0; bottom:0; width: 32px;
  height: 20px;
}
.navbarOn1 {
  transform-origin: center;
  transform: rotate(45deg) translate(9px, 8px);
}

.navbarOn2 {
  transform-origin: center;
  transform: rotate(-45deg) translate(9px, -8px);
}

.navbarOn3 {
  transform: rotateY(90deg);
}
.hudong{
  width: 1260px; margin:0 auto;
  height: 200px;
}
.hudong h2{ width:25px; font-size:24px; color:#fff; padding:15px; border:1px solid rgba(255,255,255,0.5); margin:0 140px 0 0}
.hudong p{ line-height:36px; padding:20px 130px 0 0; font-size:16px; color:#fff}
.navbarpage .navbarpage_da {
  height: 600px;
}
.navbarpage ul {
  width: 80%; height:160px; margin:140px auto
}
.navbarpage li:hover {
	animation: categoryanimaten 1s;
	-moz-animation: categoryanimaten 1s;
	-webkit-animation: categoryanimaten 1s;
	-o-animation: categoryanimaten 1s;
}
@keyframes categoryanimaten{
	from{transform: rotateY(0deg);}
	to{transform: rotateY(360deg);color:white;}
}
@-moz-keyframes categoryanimaten{
	from{transform: rotateY(0deg);}
	to{transform: rotateY(360deg);}
}
@-webkit-keyframes categoryanimaten{
	from{transform: rotateY(0deg);}
	to{transform: rotateY(360deg);}
}
@-o-keyframes categoryanimaten{
	from{transform: rotateY(0deg);}
	to{transform: rotateY(360deg);}
}
.navbarpage ul li { cursor:pointer;
  box-sizing: border-box; text-align:center; color:#fff; font-size:18px; line-height:55px;
}

.navbarpage ul li span{ display:block; width:100%; height:1px; background:rgba(255,255,255,0.1);}
.navbarpage ul li img{ display:block; width:56px; height:56px; margin:0 auto; }
.navbarpage li p {
  text-align: center;
}

.navbarpage li a {
  text-decoration: none;
  color: #000;
  display: block;
  width: 100%;
  height: 100%;
}

.active_navbar {
  right: 0 !important;
  transition: all 0.2s ease;
}

.navbarpage .navbarLi {
  position: relative;
  overflow: hidden;
  transition: background-color 0.6s linear;
}

.navbarLi a div {
  position: absolute;
}

.navbarpage .zuo1 {
  margin-top: 20px;
  width: 100%;
  text-align: center;
  transition: all 0.3s linear;
}

.navbarpage .zuo2 {
  margin-top: 20px;
  width: 100%;
  text-align: center;
  transform: translateX(-300px);
  transition: all 0.6s linear;
}

.navbarpage .you1 {
  top: 100px;
  width: 100%;
  transition: all 0.6s linear;
}

.navbarpage .you2 {
  /* display: none; */
  /* opacity: 0; */
  top: 100px;
  width: 100%;
  transform: translateX(300px);
  transition: all 0.6s linear;
}

.navbarpage .you2 p {
  color: #fff;
}

/*弹出*/